<div class="blog">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-offset-1  col-md-8 left-panel">
                <div class="panel">
                    <div class="panel-title-owner text-center"><?= $ret['title'] ?></div>
                    <div class="panel-body-owner">
                        <!-- <img src="../../common/assets/images/default/1.jpg"/> -->
                        <span><?php echo filterhtml($ret['content']); ?></span>
                    </div>
                    <div class="panel-bottom-owner">
                        <div class="container-fluid">
                            <p class="text-right">共有2人参与，1人评论</p>
                        </div>
                        <div class="container-fluid" >
                            <p><textarea class="form-control" rows="3"></textarea></p>
                        </div >
                        <div class="container-fluid" >
                            <p><a href="#" class="btn btn-success">增加评论</a></p>
                        </div>
                        <div class="am-panel-bd am-collapse am-in am-cf" id="collapse-panel-3">
                            <ul class="am-comments-list admin-content-comment">
                                <li class="am-comment">
                                    <a href="#"><img src="../../common/assets/images/default/11.jpg" alt="" class="am-comment-avatar" width="48" height="48"></a>
                                    <div class="am-comment-main">
                                        <header class="am-comment-hd">
                                            <div class="am-comment-meta"><a href="#" class="am-comment-author">hellowenming</a> 评论于 <time>2014-7-12 15:30</time></div>
                                        </header>
                                        <div class="am-comment-bd"><p>遵循 “移动优先（Mobile First）”、“渐进增强（Progressive enhancement）”的理念，可先从移动设备开始开发网站，逐步在扩展的更大屏幕的设备上，专注于最重要的内容和交互，很好。</p>
                                        </div>
                                    </div>
                                </li>
                                <li class="am-comment">
                                    <a href="#"><img src="../../common/assets/images/default/1.jpg" alt="" class="am-comment-avatar" width="48" height="48"></a>
                                    <div class="am-comment-main">
                                        <header class="am-comment-hd">
                                            <div class="am-comment-meta"><a href="#" class="am-comment-author">hellojinjie</a> 评论于 <time>2014-7-12 15:30</time></div>
                                        </header>
                                        <div class="am-comment-bd"><p>有效减少为兼容旧浏览器的臃肿代码；基于 CSS3 的交互效果，平滑、高效。AMUI专注于现代浏览器（支持HTML5），不再为过时的浏览器耗费资源，为更有价值的用户提高更好的体验。</p>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>


            <div class="col-md-2 right-panel">
                <div class="panel panel-primary">
                    <div class="panel-body">

                    </div>
                </div>
                <div class="panel panel-primary">
                    <div class="panel-heading"><i class="glyphicon glyphicon-list-alt"></i>&nbsp;近期文章</div>
                    <div class="panel-body">
                        <ul class="list-group">
                            <li class="list-group-item"><i class="glyphicon glyphicon-pencil"></i>&nbsp;Yii技术精品架构</li>
                            <li class="list-group-item"><i class="glyphicon glyphicon-pencil"></i>&nbsp;Yii技术精品架构</li>
                            <li class="list-group-item"><i class="glyphicon glyphicon-pencil"></i>&nbsp;Yii技术精品架构</li>
                        </ul>
                    </div>
                </div>
                <div class="panel panel-primary">
                    <div class="panel-heading"><i class="glyphicon glyphicon-list-alt"></i>&nbsp;近期评论</div>
                    <div class="panel-body">
                        <ul class="list-group">
                            <li class="list-group-item"><img class="img-circle" src="../../common/assets/images/default/1.jpg" style="width:60px;height:60px;"></li>
                            <li class="list-group-item"><img class="img-circle" src="../../common/assets/images/default/2.jpg" style="width:60px;height:60px;"></li>
                            <li class="list-group-item"><img class="img-circle" src="../../common/assets/images/default/3.jpg" style="width:60px;height:60px;"></li>
                            <li class="list-group-item"><img class="img-circle" src="../../common/assets/images/default/4.jpg" style="width:60px;height:60px;"></li>
                            <li class="list-group-item"><img class="img-circle" src="../../common/assets/images/default/5.jpg" style="width:60px;height:60px;"></li>
                        </ul>
                    </div>
                </div>
                <div class="panel panel-primary">
                    <div class="panel-heading"><i class="glyphicon glyphicon-list-alt"></i>&nbsp;标签</div>
                    <div class="panel-body">
                        <ul class="list-group">
                            <li class="list-group-item"><i class="glyphicon glyphicon-hand-right"></i>&nbsp;技术大牛</li>
                        </ul>
                    </div>
                </div>
                <div class="panel panel-primary">
                    <div class="panel-heading"><i class="glyphicon glyphicon-list-alt"></i>&nbsp;文章归类</div>
                    <div class="panel-body">
                        <ul class="list-group">
                            <li class="list-group-item"><i class="glyphicon glyphicon-hand-right"></i>&nbsp;技术大牛</li>
                            <li class="list-group-item"><i class="glyphicon glyphicon-hand-right"></i>&nbsp;东奔西跑</li>
                            <li class="list-group-item"><i class="glyphicon glyphicon-hand-right"></i>&nbsp;人生感悟</li>
                        </ul>
                    </div>
                </div>
                <div class="panel panel-primary">
                    <div class="panel-heading"><i class="glyphicon glyphicon-list-alt"></i>&nbsp;文章归档</div>
                    <div class="panel-body">
                        <ul class="list-group">
                            <li class="list-group-item"><i class="glyphicon glyphicon-hand-right"></i>&nbsp;2015年<span class="badge">14</span></li>
                            <li class="list-group-item"><i class="glyphicon glyphicon-hand-right"></i>&nbsp;2014年<span class="badge">154</span></li>
                            <li class="list-group-item"><i class="glyphicon glyphicon-hand-right"></i>&nbsp;2013年<span class="badge">148</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
